.cn_containner {
  width: 100%;
  height: 92%;
  box-sizing: border-box;
  padding: 2% 4% 0%;
  position: absolute;
  top: 8%;
  background:url("../../../static/images/rtable_bg.png") repeat-x left center;
  background-size:100% 100%;
}
.cn_containner:after{
  content: "";
  display: block;
  clear: both;
}
.left_menu {
  float: left;
  width: 25%;
  padding: 0 2%;
  height: 97%;
  margin-top: 1%;
  box-sizing: border-box;
}
.left_menu li .car_content {
  box-sizing: border-box;
  padding: 0% 5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* 车辆头部背景图 */
.carBack_img {
  width: 100%;
  height: 20%;
  background: url("../../../static/images/statistics/车辆分析背景.png") no-repeat;
  background-size: 100% 60%;
  background-position: bottom;
  margin-bottom: 1%;
}
.icon_font_car {
  display: flex;
  align-items: center;
}
.icon_font_car span:first-child {
  display: flex;
  align-items: center;
}
.icon_font_car span:first-child img {
  width: 65%;
  margin-left: 20%;
}
.icon_font_car span:nth-child(2){
  font-size: 0.4rem;
  color: #fff;
  display: flex;
  align-items: center;
}
.carSearchName {
  width: 100%;
  height: 4.6vh;
  margin-bottom: 1%;
  background: url("../../../static/images/statistics/本省车辆出省分析.png") no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.carSearchName span:first-child {
  margin-left: 10%;
}
.carSearchName span:first-child img {
  width: 70%;
}
.carSearchName span:last-child {
  margin-left: 5%;
}
.carSearchName.activeName {
  background: url("../../../static/images/statistics/外省车辆入省分析.png") no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.left_menu li {
  box-sizing: border-box;
}
.left_menu li:first-child {
  width: 100%;
  height: 15%;
}
.carBack_img.imgSizeSheng {
  height: 26%;
  margin-bottom: 1%;
}
.content_sheng {
  width: 100%;
  height: 74%;
}
.left_menu li:nth-child(2) {
  width: 100%;
  height: 28%;
}
.carBack_img.imgSizeShi {
  height: 13%;
}
.content_shi {
  height: 87%;
}
.left_menu li:nth-child(3) {
  width: 100%;
  height: 38%;
}
.carBack_img.imgSizeQu {
  height: 10%;
}
.content_qu {
  width: 100%;
  height: 90%;
}
.left_menu li:last-child {
  width: 100%;
  height: 15%;
}
.content_carSearch {
  width: 100%;
  height: 75%;
}
/*  ** 右侧 **  */
.right_content {
  float: right;
  width: 75%;
  height: 97%;
  padding: 0% 1%;
  box-sizing: border-box;
  margin-top: 1%;
}
/*   charts   */
.charts_list {
  width: 100%;
  height: 100%;
}
.charts_list .charts_child {
  /* 右边切换子元素div  左边标签一一对应的 */
  width: 100%;
  height: 100%;
}
.charts_list .charts_child .charts_content {
  width: 70%;
  height: 100%;
  float: left;
}
.charts_list .charts_child .list_detail {
  width: 30%;
  height: 100%;
  float: right;
}
.charts_list .charts_child .list_detail .table_container {
  width: 100%;
  height: 90%;
  overflow: auto;
}
.carSearch_type {
  width: 100px !important;
}
.table_list {
  width: 100%;
  height: 100%;
}
.table_list .table_out {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.table_list .table_in {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.charts_content .title_cont {
  width: 100%;
  height: 6%;
}
.title_cont .title_font {
  /* charts顶部标题 */
  width: 50%;
  height: 100%;
  margin: auto;
  background: url("../../../static/images/statistics/xixian.png") no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.charts_content .input_cont {
  width: 100%;
  height: 10%;
  display: flex;
  align-items: center;
}
select {
  width: 28%;
  height: 4vh;
  border-color: #56BEF9;
  /* box-shadow: 0px 0px 10px #56BEF9 inset; */
  background: transparent;
  color: #fff;
  padding-left: 1%;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /* 右侧添加小箭头的背景图 */
  background: url('../../../static/images/statistics/下拉箭头.png') 95% center no-repeat;
  background-size: 12px;
}
.searchBtn {
  width: 10%;height: 4.6vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url("../../../static/images/statistics/查询btn.png") no-repeat;
  background-size: 100% 100%;
  margin-left: 2%;
  cursor: pointer;
}
.charts_content .charts_cont {
  width: 100%;
  height: 84%;
}
.charts_cont .chartsMap {
  width: 100%;
  height: 100%;
}
.carBack_img.list_detailTop {
  height: 3.5%;
}
.chartsTable {
  width: 100%;
}
.carListTitle {
  width: 100%;
  height: 5%;
  background: #103657;
  display: flex;
  align-items: center;
  margin-top: 2%;
}
.carListTitle .titleArea {
  flex: 1;
  padding-left: 15%;
}
.carListTitle .titleNum {
  width: 100%;
  height: 100%;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.carAreaNum {
  width: 100%;
  height: 5%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #106AA2;
  margin-top: 1%;
}
.carAreaNum .areaname {
  width: 100%;
  height: 100%;
  flex: 1;
  display: flex;
  align-items: center;
  padding-left: 15%;
  box-sizing: border-box;
}
.carAreaNum .areanumber {
  width: 100%;
  height: 100%;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.carAreaNum .areanumber .titleNumbg {
  width: 60%;
  height: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url("../../../static/images/statistics/框.png") no-repeat;
  background-size: 100% 100%;
}
